.page2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display:flex;
	flex-direction: column;
	background-color: #f1efef;
	    padding-bottom: 6rem;
}

	.top {
		display: flex;
		justify-content: space-between;
		padding: 16rpx 20rpx;
		font-size: 0.9rem;
		color: #666666;
		background: #fff;
			    // background: linear-gradient(180deg, rgb(255 97 35), rgb(255 250 245));
	}
.clear{
    color: #afafaf;
    height: 31rem;
    margin: 0 auto;
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    flex-direction: column;
		text{
			display: flex;
		align-items: flex-end;
		    justify-content: center;
		}
	.btn-calculate{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width: 160rpx;
	  height: 60rpx;
	  background-color: $base;
	  border-radius: 60rpx;
		margin: 0 auto;
	  text{
	    color: #FFFFFF;
	    font-size: 24rpx;
	  }
	}
}
.shop{
	.guess{
    margin: 1rem 0 2rem 0;
		color: #4b4b4b;
		text-align: center;
	}
	.goodslist{
		    margin: 0.4rem 0.8rem;
				display: grid;
				grid-template-columns: repeat(2,1fr);
				gap: 0.7rem;
				.list{
					display: grid;
					border-radius: 0.4rem;
					overflow: hidden;
					background-color: #FFFFFF;
					box-shadow: 0px 0px 0px #afafaf;
image{
	width: 100%;
	height: 10rem;
}
.container{
	padding: 0.5rem;
	font-size: 0.8rem;
	gap: 0.5rem;
	display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	.price-num{
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
		.discount{
			color: #6c6c6c;
			text-decoration: line-through;
			font-size: 0.8rem;
		}
	  .price{
	    display: flex;
			align-items: flex-end;
	    .min{
	  color: #fc5227;
	      font-size: 0.8rem;
	    }
	    .max{
	      font-size: 1rem;
	      color: #fc5227;
	      font-weight: bold;
	    }
	  }
	}
	.action{
		display: flex;
		justify-content: space-between;
		.discount{
			color: #6c6c6c;
		}
		.btn-calculate{
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  width: 4rem;
		  height: 1.5rem;
		  background-color: $base;
		  border-radius: 0.8rem;
		  text{
		    color: #FFFFFF;
		    font-size: 0.8rem;
		  }
		}
	}
}
				}
	}
}


.list{
		  // display: flex;
		  padding: 0.5rem;
		  background-color: #FFFFFF;
		  border-radius: 0.5rem;
			padding-bottom: 0;
			.between{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
		}
		
  .content{
    // flex-grow: 1;
	  // background-color: #FFFFFF;
	  margin:0.4rem 0.8rem;
	  display: flex;
		border-radius: 0.5rem;
	  flex-direction: column;
}

@mixin flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: $direction;
	}
	.scroll-list {
		@include flex(column);
		padding-bottom: 0;
		    padding: 10px 0;
		&__goods-item {
			    display: grid;
					background-color: #f7f7f7;
			margin-right: 10px;
			padding: 6px 10px;
			border-radius: 0.5rem;
			&__image {
				width: 60px;
				height: 60px;
				border-radius: 4px;
			}
		.price-num{
			font-size: 11px;
			.discount{
				color: #fc5227;
			}
			.price{
				text-decoration: line-through;
				    color: rgb(156 154 154)
			}
		}
		}
		&__show-more {
			background-color: #ffffff;
			border-radius: 3px;
			padding: 3px 6px;
			@include flex(column);
			box-shadow: -2px 2px 4px 1px #ccc;
			align-items: center;
			&__text {
				font-size: 12px;
				width: 16px;
				color: #8f8f8f;
				line-height: 16px;
			}
		}
	}

.swipe-action {
		&__content {
			// padding: 25rpx 0;
		.list{
		  display: flex;
		  padding: 0.5rem;
		  height: 6rem;
		  background-color: #FFFFFF;
		  border-radius: 0.5rem;
		  .check{
		    display: flex;
		    align-items: center;
		    width: 10%;
		    height: 100%;
		    text{
		      font-size: 36rpx;
		      color: #333333;
		    }
		  }
		  .goods{
		    display: flex;
		    align-items: center;
		    width: 90%;
		    height: 100%;
		    .thumb{
		      display: flex;
		      // align-items: center;
		      justify-content: center;
		      width: 30%;
		      height: 100%;
		      margin-top: 20rpx;
		      image{
		        width: 160rpx;
		        height: 160rpx;
		        border-radius: 10rpx;
		      }
		    }
		    .item{
		         padding: 0 0.8rem;
		      width: 70%;
		      height: 100%;
					    display: grid;
		      .title{
		        display: flex;
		        align-items: center;
		        width: 100%;
		        text{
		          font-size: 0.8rem;
		          color: #212121;
		        }
		      }
		      .attribute{
		        display: flex;
		        align-items: center;
		        margin-top: 10rpx;
		        .attr{
		          display: flex;
		          align-items: center;
		          padding: 0 20rpx;
		          height: 40rpx;
		          background-color: #f6f6f6;
		          border-radius: 10rpx;
		          text{
		            font-size: 24rpx;
		            color: #333333;
		          }
		          .more{
		            display: flex;
		            width: 10rpx;
		            height: 10rpx;
		            border-left: 2rpx solid #333333;
		            border-bottom: 2rpx solid #333333;
		            transform: rotate(-45deg);
		            margin-left: 10rpx;
		          }
		        }
		      }
		      .price-num{
		        display: flex;
		        align-items: center;
		        justify-content: space-between;
		        .price{
		          display: flex;
		          .min{
		        color: #fc5227;
		            font-size: 24rpx;
		          }
		          .max{
		            font-size: 28rpx;
		            color: #fc5227;
		            font-weight: bold;
		          }
		        }
		        .num{
		          display: flex;
		          height: 1.6rem;;
							border: 0.1rem solid #eeeeee;
							border-radius: 0.2rem;
							font-size: 1rem;
							overflow: hidden;
							align-items: center;
							input{
								width: 1.6rem;
								text-align: center;
								font-size: 0.8rem;
								height: 1.6rem;
								overflow: scroll;
								border-right: 0.1rem solid #eeeeee;
								background-color: #f8f8f8;
							}
		          .add{
		            display: flex;
		            justify-content: center;
		            align-items: center;
		            width: 45rpx;
								height: 100%;
		            background-color: #FFFFFF;
								border-right: 0.1rem solid #eeeeee;
		          }
		          .number{
		            display: flex;
		            justify-content: center;
		            align-items: center;
		            width: 80rpx;
		            height: 40rpx;
		            background-color: #f6f6f6;
		            border-radius: 8rpx;
		            text{
		              font-size: 24rpx;
		              color: #212121;
		            }
		          }
		        }
		      }
		    }
		  }
		}
		}
	}
	
	/* 结算 */
	.close-account{
	  position: fixed;
		z-index: 999;
	  left: 0;
		/* #ifndef MP */
		bottom: 90rpx;
		/* #endif */
		/* #ifdef MP */
		bottom: 0;
		/* #endif */
	  display: flex;
	  justify-content: space-between;
		align-items: center;
	  width: 100%;
	padding: 20rpx 0;
	  background-color: #FFFFFF;
	  border-top: 2rpx solid #f6f6f6;
	  .check-total{
	    display: flex;
	    align-items: center;
	    width: 50%;
	    height: 100%;
	    .check{
	      display: flex;
	      align-items: center;
	      justify-content: center;
	      width: 50%;
	      height: 100%;
				padding-left: 0.2rem;
	      text{
	        font-size: 36rpx;
	        color: #333333;
	      }
	      .icon-checked{
	        // color: $base;
	        // box-shadow: 0 0 10rpx $base;
	      }
	      .all{
	        font-size: 28rpx;
	        margin-left: 10rpx;
	      }
	    }
	  }
	  .account{
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
			flex-wrap: wrap;
	    width: 66%;
	    padding-right: 4%;
			gap: 20rpx;
			.total{
			  display: flex;
			  align-items: center;
			  height: 100%;
			  text{
			    font-size: 29rpx;
			    color: #333333;
			  }
			  .price{
			    font-weight: bold;
			 color: #fc5227;
			 font-size: 28rpx;
			  }
			}
	    .btn-calculate{
	      display: flex;
	      justify-content: center;
	      align-items: center;
	     width: 7rem;
	     height: 2.2rem;
	      background-color: $base;
	      border-radius: 60rpx;
	      text{
	        color: #FFFFFF;
	        font-size: 29rpx;
	      }
	    }
	    .btn-del{
	      display: flex;
	      align-items: center;
	      justify-content: space-between;
	      .attention{
	        display: flex;
	        justify-content: center;
	        align-items: center;
	        width: 140rpx;
	        height: 60rpx;
	        border: 2rpx solid #EEEEEE;
	        border-radius: 60rpx;
	        color: #333333;
	        font-size: 24rpx;
	        margin-right: 20rpx;
	      }
	      .del{
	        display: flex;
	        justify-content: center;
	        align-items: center;
	        width:4rem;
	        height: 2.2rem;
	        background-color: $base;
	        border-radius: 60rpx;
	        color: #FFFFFF;
	        font-size: 29rpx;
	      }
	    }
	  }
	}
	.two-omit{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		font-size: 1rem
	}
	.one-omit{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		font-size: 1rem
	}